<template>
  <div class="box">
    <el-breadcrumb separator=">">
      <el-breadcrumb-item to="/login" replace>首页</el-breadcrumb-item>
      <el-breadcrumb-item to="/login/shop" replace>商户管理</el-breadcrumb-item>
      <el-breadcrumb-item to="/login/shop" replace>商户信息汇总</el-breadcrumb-item>
      <el-breadcrumb-item>商家详情</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="tableBox">
      <div class="tableTitle">商家详情</div>
      <div class="userInfo">
        <div class="titles">账号信息</div>
        <el-row>
          <el-col :span="3">商户编号</el-col>
          <el-col :span="9">341434</el-col>
          <el-col :span="3">商户账户</el-col>
          <el-col :span="9" class="noBorderRight">143556546778</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">经营状态</el-col>
          <el-col :span="9">开店中</el-col>
          <el-col :span="3">审核状态</el-col>
          <el-col :span="9" class="noBorderRight">已认证</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">注册时间</el-col>
          <el-col :span="9">2018-09-10 10:18</el-col>
          <el-col :span="3">入驻审核通过时间</el-col>
          <el-col :span="9" class="noBorderRight">2018-09-10 10:18</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">市场专员编号</el-col>
          <el-col :span="9">181</el-col>
          <el-col :span="3">市场专员姓名/手机号</el-col>
          <el-col :span="9" class="noBorderRight">董会茹/13930409077</el-col>
        </el-row>
      </div>
      <div class="shopInfo">
        <div class="titles">店铺信息</div>
        <el-row>
          <el-col :span="3">商店名称</el-col>
          <el-col :span="9">暴马超市</el-col>
          <el-col :span="3">经度</el-col>
          <el-col :span="9" class="noBorderRight">东经360°</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">纬度</el-col>
          <el-col :span="9">北纬180°</el-col>
          <el-col :span="3">详细地址</el-col>
          <el-col :span="9" class="noBorderRight">山西省长治市郊区西二环路96号信用付</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">所属行业</el-col>
          <el-col :span="9">美食</el-col>
          <el-col :span="3">所属商圈</el-col>
          <el-col :span="9" class="noBorderRight">八一广场</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">所属区域</el-col>
          <el-col :span="9">山西省长治市</el-col>
          <el-col :span="3">经营时间</el-col>
          <el-col :span="9" class="noBorderRight">9:00-18:00</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">店内电话</el-col>
          <el-col :span="9">15093229071</el-col>
          <el-col :span="3">经营范围</el-col>
          <el-col :span="9" class="noBorderRight">五金交电、日用百货、烟酒茶水</el-col>
        </el-row>
        <el-row>
          <el-col :span="3">优惠信息</el-col>
          <el-col :span="9">XXXXXXXXXXXX</el-col>
          <el-col :span="3">折扣信息</el-col>
          <el-col :span="9" class="noBorderRight">9.5折</el-col>
        </el-row>
        <el-row class="imgs">
          <el-col :span="3">营业执照</el-col>
          <el-col :span="9"><img :src="info.shopDoorMap" alt=""></el-col>
          <el-col :span="3">门头图</el-col>
          <el-col :span="9" class="noBorderRight"><img :src="info.shopDoorMap" alt=""></el-col>
        </el-row>
        <el-row>
          <el-col :span="3">经纬度信息</el-col>
          <el-col :span="9">38.2023974231,114.3452710000</el-col>
          <el-col :span="12" class="noBorderRight"><a href="http://www.gpsspg.com/maps.htm">定位</a></el-col>
        </el-row>
      </div>
      <div class="shopInsideInfo">
        <div class="titles">法人信息</div>
        <el-row class="imgs">
          <el-col :span="3">法人身份证正面</el-col>
          <el-col :span="9"><img :src="info.shopDoorMap" alt=""></el-col>
          <el-col :span="3">法人身份证背面</el-col>
          <el-col :span="9" class="noBorderRight"><img :src="info.shopDoorMap" alt=""></el-col>
        </el-row>
        <el-row class="imgs">
          <el-col :span="3">手持营业执照</el-col>
          <el-col :span="5"><img :src="info.shopDoorMap" alt=""></el-col>
          <el-col :span="3">手持身份证</el-col>
          <el-col :span="5"><img :src="info.shopDoorMap" alt=""></el-col>
          <el-col :span="3">手持委托协议照片</el-col>
          <el-col :span="5" class="noBorderRight"></el-col>
        </el-row>
        <div class="titles">经营者信息</div>
        <el-row class="imgs">
          <el-col :span="3">经营者身份证正面</el-col>
          <el-col :span="9"><img :src="info.shopDoorMap" alt=""></el-col>
          <el-col :span="3">经营者身份证背面</el-col>
          <el-col :span="9" class="noBorderRight"><img :src="info.shopDoorMap" alt=""></el-col>
        </el-row>
        <el-row class="imgs">
          <el-col :span="3">店内图集</el-col>
          <el-col :span="21"><img :src="info.shopDoorMap" alt=""></el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data () {
      return {
        info: {}
      }
    },
    created () {
    },
    methods: {}
  }
</script>

<style lang="less" ref="stylesheet/less" scoped>
  .titles {
    padding-left: 20px;
    border-bottom: 1px solid #eee;
    line-height: 60px;
    height: 60px;
    font-weight: 700;
  }

  .el-row {
    display: flex;
    .el-col {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 22px 0;
      line-height: 100%;
      border-bottom: 1px solid #eee;
      border-right: 1px solid #eee;
    }
    &.imgs {
      .el-col {
        padding: 16px 0;
        img {
          height: 208px;
        }
      }
    }
  }
</style>
